<template>
  <div :class="styles['call-charge']">
    <ul :class="styles['call-charge-type']">
      <li v-for="callCharge in callChargeData">
        {{callCharge.label}}
      </li>
    </ul>
    <custom-form :customFormData="callChargeData[0].customForm"></custom-form>
  </div>
</template>

<script>
  import styles from './call-charge.scss'
  import {CALL_CHARGE_DATA} from '@util/constant'
  import customForm from '../custom-form/custom-form'

  export default {
    name: "call-charge",
    components: {
      customForm
    },
    model: {},
    props: {
    },
    data() {
      return {
        styles,
        index: 0,
        callChargeData: CALL_CHARGE_DATA
      }
    },
    computed: {},
    created: function () {

    },
    mounted: function () {

    },
    updated: function () {

    },
    beforeDestroy: function () {

    },
    destroyed: function () {

    },
    methods: {}
  }
</script>
